{{extend './layout/layout.html'}}
{{block 'head'}}
<link rel="stylesheet" href="/public/css/header.css">
<link rel="stylesheet" href="/node_modules/github-markdown-css/github-markdown.css">
{{/block}}
{{block 'content'}}
<!-- 引入头部 -->
{{include './component/web-header.html'}}
<!-- body start-->
<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a class="pink-link" href="/my">我的博客</a></li>
            <li class="breadcrumb-item active" aria-current="page">个人信息</li>
        </ol>
    </nav>
    <form action="/user/update/avatar" method="POST" enctype="multipart/form-data">
        <input type="file" name="avatar" multiple id="avatar" class="form-control-file">
        <button type="submit">提交</button>
    </form>
    <!-- <div class="form">
        <form method="POST" action="/user/edit">
            <input type="hidden" name="_id" value="{{user._id}}">
            <div class="row">
                <div class="col-md-3">
                    <div class="card mt-2 mb-4">
                        <img src="{{user.avatar}}" class="px-4 py-4 card-img-top rounded-circle" alt="...">
                        <a class="btn btn-outline-secondary" href="#" role="button">更换头像</a>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="card mt-2">
                        <div class="card-body">
                            <h4 class="card-title mb-4">个人信息</h4>
                            <div class="container">
                                <div class="form-group row">
                                    <label for="staticUsername" class="col-sm-2 col-form-label">昵称</label>
                                    <div class="col-sm-10 input-group">
                                        <input name="username" type="text" readonly class="form-control-plaintext" id="staticUsername"
                                            value="{{user.username}}">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button"
                                                id="edit-btn-1"><i class="bi bi-pencil-square"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="inputEmail" class="col-sm-2 col-form-label">邮箱</label>
                                    <div class="col-sm-10 input-group">
                                        <input name="email" type="email" readonly class="form-control-plaintext" id="inputEmail" value="{{user.email}}">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button"
                                                id="edit-btn-2"><i class="bi bi-pencil-square"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-success float-right">提交</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div> -->
</div>
<!-- body end -->
{{/block}}

{{block 'script'}}
<script src="/public/js/user-edit.js"></script>
{{/block}}